<template>

<div class="box">
    <h1>短信验证登录/注册</h1><br>
    <p>新手机号自动注册请详读<span>豆瓣使用协议 豆瓣信息保护政策 </span></p><br>
    <input type="text" placeholder="+86|手机号"><br>
    <input type="text" placeholder="获取验证码"><br>
    <button @click="login">登录</button>
    </div>
</template>
<script setup>
    import {useRouter} from "vue-router";
    const router=useRouter()
    let login=()=>{
        router.push('/user')
    }
</script>
<style>
    *{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    span{
        color: green;
        font-size: 12px;
    }
    input{
        width: 200px;
        height: 30px;
    }
    button{
        width: 200px;
        height: 50px;
        background-color: green;
    }
</style>